<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<title>齐天大圣官方独立公司</title> ﻿
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport"
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>

<link rel="stylesheet" type="text/css" href="css/landing.css" />
<!-- 引用图标 -->
<link rel="stylesheet" type="text/css"
	href="//at.alicdn.com/t/font_1823456_00hjuxr49mhgs.css" />
<!-- 样式 -->
<link rel="stylesheet" type="text/css" href="css/index.css" />

<style type="text/css">
.td9 {
	font-size: 17px;
}

#h1h {
	color: mediumpurple;
	font-family: 楷体;
	font-size: 38px;
	font-weight: bold;
}

.span2 {
	font-size: 21px;
}

#dandu {
	color: black;
	font-weight: bold;
}

.zuihouanniu {
	color: black;
}

.zuihouanniu:hover {
	color: black;
}

.cor {
	color: #269ABC;
}

.cor:hover {
	color: skyblue;
}

.denglu {
	color: #000000;
}

.denglu:hover {
	color: #009CDA;
}

ul {
	list-style-type: none;
}

.ysA {
	text-decoration: none;
	color: black;
}

#nav {
	line-height: 30px;
}

#nav li {
	float: left;
	width: 100px;
}

#nav li .ysA {
	display: block;
	width: 100px;
	background: #EB7350;
	text-align: center;
}

#nav li .ysA:hover {
	background: #666;
	color: #fff;
	font-weight: bold;
}

#nav li ul {
	line-height: 20px;
	position: absolute;
	display: none;
}

#nav li ul li {
	float: left;
	width: 130px;
}

#nav li ul li a {
	display: block;
	width: 130px;
	background: #666;
	text-align: left;
	padding-left: 30px;
}

#nav li ul li a:hover {
	background: red;
	font-weight: normal;
}
</style>
<script type="text/javascript"
	src="http://pic.veryhuo.com/uploads/common/js/jquery-1.3.2.js"></script>
<script type="text/javascript">
	$(function() {
		var key = $("#nav>li");
		key.mouseover(function() {
			$(this).children(".nn1").fadeIn();
		});
		key.mouseout(function() {
			$(this).children(".nn1").fadeOut();
		});
	});
</script>
</head>
<body>
	<header>
		<div class="header-top">
			<div class="width-center">
				<div class="header-logo ">
					<img src="img/1.png" alt="">
				</div>
				<div class="header-title div-inline">
					<strong>齐天大圣官方独立公司</strong> <span>www.zhanb.com</span>
				</div>

				<div class="search-box div-inline">
					<div class="input-box">
						<input type="text" name="" placeholder="请输入关键字">
					</div>
					<div class="search-botton"></div>
				</div>
				<div>
				<iframe name="weather_inc"
					src="http://i.tianqi.com/index.php?c=code&id=7"
					style="width: 220px; height: 90px; position: absolute;right: 0px;top: 0px;
					frameborder="0" marginwidth="0" marginheight="0" scrolling="no">
				</iframe>
				</div>
			</div>
		</div>


		<div class="header-nav">
			<button class="am-show-sm-only am-collapsed font f-btn"
				data-am-collapse="{target: '.header-nav'}">
				Menu <i class="am-icon-bars"></i>
			</button>
			<nav>
				<ul class="header-nav-ul am-collapse am-in">
					<li class="on"><a href="homeServlet" name="index">首页</a></li>
					<li><a href="aboutServlet" name="about">关于我们</a></li>
					<li><a href="CaseServlet?method=one" name="show">产品展示</a></li>
					<li><a href="NewsServlet" name="new">新闻资讯</a></li>
					<li style="margin-right: 380px;"><a href="contactServlet" name="message">联系我们</a>
						<div class="secondary-menu">
							<ul>
								<li><a href="message.jsp" class="message"></a></li>
							</ul>
						</div>
					</li>
					

				</ul>
			</nav>
		</div>

		

	</header>
	<div class="am-slider am-slider-default"
		data-am-flexslider="{playAfterPaused: 8000}">
		<ul class="am-slides">
			<c:forEach items="${us }" var="l">
				<li><img src="${l.ssUrl }" alt=""></li>
			</c:forEach>
		</ul>
	</div>



</body>
</html>